<jsp:include page="../pageheader.jsp"/>

<div class="container">
    <div class="well well-sm">
        <button id="createdTripsButton" type="button" onclick="onSeeCreatedTrips()" class="btn btn-primary" title="Created trips">
            <i class="fa fa-folder-open-o fa-2x"></i>
        </button>
        <button id="appointedTripsButton" type="button" onclick="onSeeAppointedTrips()" class="btn btn-primary" title="Appointed trips">
            <i class="fa fa-bookmark-o fa-2x"></i>
        </button>
        <button id="historicButton" type="button" onclick="onSeeHistoric()" class="btn btn-primary" title="Historic">
            <i class="fa fa-archive fa-2x"></i>
        </button>
        <button id="evaluationsButton" type="button" onclick="onSeeEvaluations()" class="btn btn-primary" title="Evaluations">
            <i class="fa fa-question fa-2x"></i>
        </button>
    </div>
    <div id="createdTripsDiv" class="panel panel-info">
        <div class="panel-heading">
            Created trips
        </div>
        <div class="panel-body">
            <table id="table_createdtrip" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th></th>
                        <th>Departue Date</th>
                        <th>Arrival Date</th>
                        <th>Departue</th>
                        <th>Destination</th>
                        <th>Car</th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                </tbody>
            </table>
        </div>
        <div class="panel-footer">
            <a class="btn btn-primary" id="addLocation" href="/Trabalho_PD/createtrip.html">Create trip</a>
        </div>
    </div>

    <div id="appointedTripsDiv" class="panel panel-info">
        <div class="panel-heading">
            Appointed trips
        </div>
        <div class="panel-body">
            <table id="table_appointedtrip" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th></th>
                        <th>Departue Date</th>
                        <th>Arrival Date</th>
                        <th>Departue</th>
                        <th>Destination</th>
                        <th>Car</th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                </tbody>
            </table>
        </div>
    </div>

    <div id="historicDiv" class="panel panel-info">
        <div class="panel-heading">
            Historic
        </div>
        <div class="panel-body">
            <table id="table_historic" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th></th>
                        <th>Departue Date</th>
                        <th>Arrival Date</th>
                        <th>Departue</th>
                        <th>Destination</th>
                        <th>Car</th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                </tbody>
            </table>
        </div>
    </div>

    <div id="evaluationsDiv" class="panel panel-info">
        <div class="panel-heading">
            Missing evaluations
        </div>
        <div class="panel-body">
            <table id="table_evaluations" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Departue Date</th>
                        <th>Arrival Date</th>
                        <th>Departue</th>
                        <th>Destination</th>
                        <th>Car</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                </tbody>
            </table>
        </div>
    </div>


</div>

<script>
    var user_id = ${user_id};
</script>

<jsp:include page="../pagefooter.jsp"/>
